<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue课程</title>
</head>
<body>
<div id="app">
<!--    {{age}}-->
    <h2>姓名:{{user.name}}</h2>
    <h2>{{schools[0]}}</h2>
    <h2>{{users[0].name}}</h2>
</div>
<script src="../js/vue.js"></script>
<script>
    var app = new Vue({
        el: "#app",   //element:元素
        data: {        //data:数据 用来vue实例对象绑定一系列数据
            msg: "欢迎你",
            age: 23,
            user: {name: "小陈", des: "我在学习"},
            schools:["北京","山东"],
            users:[
                {name:"小王",age:23,bir:"2021515"},
                {name:"小红",age:23,bir:"2021515"},
                {name:"小张",age:23,bir:"2021515"}
            ]
        }
    });
</script>
</body>
</html>